{% extends 'base.html' %}
{% from 'bootstrap/form.html' import render_field %}

{% block styles %}
  {{ super() }}
  <link href="{{ url_for('static', filename='css/auth/auth.css') }}" rel="stylesheet">
{% endblock styles %}

{% block body_attribs %}
class="bg-gradient-grey"
{% endblock body_attribs %}

{% block app_content %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-xl-10 col-lg-12 col-md-9 my-5">
      <div class="card overflow-hidden border-0 shadow-lg my-5">
        <div class="card-body p-0">
          <div class="row">
            <div class="col-lg-6 d-none d-lg-block bg-auth-register-image"></div>
            <div class="col-lg-6">
              <div class="p-5">
                <div class="text-center">
                  <h1 class="h4 text-gray-900 mb-4">Step2. 注册</h1>
                </div>
                <form method="post" action="{{ url_for('auth.register', token=token) }}">
                {{ form.csrf_token() }}
                {{ render_field(form.username, form_type="vertical", placeholder="请输入用户名", class="form-control form-control-auth") }}
                {{ render_field(form.email, form_type="vertical", placeholder="请输入有效邮箱地址", class="form-control form-control-auth") }}
                {{ render_field(form.password, form_type="vertical", placeholder="请输入密码", class="form-control form-control-auth") }}
                {{ render_field(form.password2, form_type="vertical", placeholder="请再次输入密码", class="form-control form-control-auth") }}
                <hr>
                {{ render_field(form.submit, class="btn btn-lg btn-primary btn-block btn-auth") }}
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock app_content %}